<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>最佳实践</title>
  <style>
    p, li {
      line-height: 40px
    }
    span {
      color: red
    }
  </style>
</head>
<body>
  <h2>性能</h2>
  <ul>
    <li>随着作用域链数量的增加，访问当前作用域以外的变量的时间也在增加</li>
    <li>避免使用with语句。因为with语句延长了作用域链</li>
    <li>
      使用对象和数组要比访问对象上的属性更有效率。另外尽可能使用局部变量将属性查找替换为值的查找
    </li>
    <li>
      作用域链，原型链尽可能短，否则查找变量或者查找方法的时候，会花费更长的时间
    </li>
    <li>
      对于for循环的优化，将判断条件由递增改为递减。目的是将value.length从O(n)的调用简化成了终止条件的O(1)次调用
    </li>
    <li>
      优化dom交互，for循环中添加节点到dom的时候，先添加到文档碎片(fragment)中,然后一次性的添加至文档。减少浏览器重排的次数。
    </li>
    <li>
      利用事件冒泡，将目标事件放置到祖先元素上去处理
    </li>
    <li>
      
    </li>
  </ul>
</body>
</html>